
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>佰林の驾驶舱</title>
    <link rel="stylesheet" href="/common/layui/css/layui.css">
    <link rel="stylesheet" href="/admin/css/style.css">
    <script src="/common/layui/layui.js"></script>
    <script src="/common/jquery-3.3.1.min.js"></script>
    <script src="/common/vue.min.js"></script>
    <link rel="stylesheet" href="/admin/css/rest.css"/>
    <link rel="stylesheet"  href="/admin/css/index.css"/>
</head>
<body>
    <div class="homePage" id="app">
        <div id="fixedData" style="margin-top:-50px">
            <!--顶栏-->
            <header style="width: 150px">
                <h1 v-text="webname" ></h1>
            </header>
<!--            <div class="showTime">当前时间：<span></span></div>-->
            <!--左栏-->
            <div class="left">
                <ul class="cl" >
                    <!--顶级分类-->
                    <li v-for="vo,index in menu" :class="{hidden:vo.hidden}">
                        <a href="javascript:;" :class="{active:vo.active}" @click="onActive(index)">
                            <i class="layui-icon" v-html="vo.icon"></i>
                            <span v-text="vo.name"></span>
                            <i class="layui-icon arrow" v-show="vo.url.length==0">&#xe61a;</i> <i v-show="vo.active" class="layui-icon active">&#xe623;</i>
                        </a>
                        <!--子级分类-->
                        <div v-for="vo2,index2 in vo.list">
                            <a href="javascript:;" :class="{active:vo2.active}" @click="onActive(index,index2)" v-text="vo2.name"></a>
                            <i v-show="vo2.active" class="layui-icon active">&#xe623;</i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--右侧-->
        <div class="right" id="Right" style="padding: 0">
            <div class="mainbox">
                <div class="column">
                    <div class="panel bar">
                        <h2>
                            年度最受欢迎的餐品<a href="javascript:;">2019</a>
                            <a href="javacript:;"> 2020</a>
                        </h2>
                        <div class="chart"></div>
                        <div class="panel-footer"></div>
                    </div>
                    <div class="panel line">
                        <h2>去年同期营业额对比</h2>
                        <div class="chart"></div>
                        <div class="panel-footer"></div>
                    </div>
                    <div class="panel pie">
                        <h2>佰林の用户年龄分布</h2>
                        <div class="chart"></div>
                        <div class="panel-footer"></div>
                    </div>
                </div>
                <div class="column">
                    <div class="no">
                        <div class="no-hd">
                            <ul>
                                <li>125</li>
                                <li>10456</li>
                            </ul>
                        </div>
                        <div class="no-bd">
                            <ul>
                                <li>当前在线人数</li>
                                <li>总用户数</li>
                            </ul>
                        </div>
                    </div>
                    <div class="map">
                        <div class="chart"></div>
                        <div class="map1"></div>
                        <div class="map2"></div>
                        <div class="map3"></div>
                    </div>
                </div>
                <div class="column">
                    <div class="panel bar1">
                        <h2>外卖库存</h2>
                        <div class="chart"></div>
                        <div class="panel-footer"></div>
                    </div>
                    <div class="panel line1">
                        <h2>当月TC/AC情况</h2>
                        <div class="chart"></div>
                        <div class="panel-footer"></div>
                    </div>
                    <div class="panel pie1">
                        <h2>外卖销量占比</h2>
                        <div class="chart"></div>
                        <div class="panel-footer"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script src="/admin/js/config.js"></script>
<script src="/admin/js/flexible.js"></script>
<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
<script src="/admin/js/index.js"></script>
<script src="/admin/js/china.js"></script>
<script src="/admin/js/myMap.js"></script>
<!--    <script>-->
<!--        (function (fn) {-->
<!--            fn();-->
<!--            setInterval(fn, 1000);-->
<!--        })(function () {-->
<!--            var dt = new Date();-->
<!--            document.querySelector(".showTime span").innerHTML =-->
<!--                dt.getFullYear() + "年" +-->
<!--                dt.getMonth()+1 + "月" +-->
<!--                dt.getDate() + "日-" +-->
<!--                dt.getHours() + "时" +-->
<!--                dt.getMinutes() + "分" +-->
<!--                dt.getSeconds() + "秒";-->
<!--        });-->
<!--    </script>-->
</body>
</html>
